<template>
<!-- <van-cell title="显示分享面板"/> -->
<slot name="display">
  <van-icon name="share-o" class="share" @click="showShare = true" ></van-icon>
</slot>

<van-share-sheet
  v-model="showShare"
  title="立即分享给好友"
  :options="options"
/>
</template>

<script>
// import { Toast } from 'vant';
export default {
  data() {
    return {
      showShare: false,
      options: [
        [
          { name: '微信', icon: 'wechat' },
          { name: '朋友圈', icon: 'wechat-moments' },
          { name: '微博', icon: 'weibo' },
          { name: 'QQ', icon: 'qq' },
        ],
        [
          { name: '复制链接', icon: 'link' },
          { name: '分享海报', icon: 'poster' },
          { name: '二维码', icon: 'qrcode' },
          { name: '小程序码', icon: 'weapp-qrcode' },
        ],
      ],
    };
  },
};
</script>

<style scoped>

.share {
  margin-left: 7px;
  color: black;
}
</style>